@use "~/styles/variables.scss" as *;

.account-list-component {
    padding: 0;
    .account-list {
        border-radius: 25rpx;
        width: 700rpx;
        box-sizing: border-box;
        padding-bottom: 25rpx;
        overflow-x: hidden;
        .list-header {
            height: 80rpx;
            padding: 20rpx 10rpx;
            .btn {
                height: 172rpx !important;
            }
            .add-btn {
                font-weight: 500rpx;
                color: $color-primary;
                .iconfont {
                    padding-left: 5rpx;
                }
            }
        }
        .bottom-line {
            height: 0;
            width: 1380rpx;
            margin-left: 10rpx;
            transform: translateX(-25%) scale(0.5);
            border-bottom: 1rpx solid;
            opacity: 0.2;
        }
        
        .account-item {
            height: 172rpx;
            width: 100%;
            .account-content {
                box-sizing: border-box;
                height: 172rpx;
                overflow: hidden;
                justify-content: center;
                box-sizing: border-box;
                .list-item-row {
                    padding: 10rpx;
                    .account-name {
                        font-weight: 500;
                    }
                }
            }
            .active {
                background-color: rgba(64,158,255, 0.2);
                padding: 0 15rpx;
            }
            .move-content {
                width: 700rpx;
                height: 100%;
                .iconfont {
                    padding: 0 12rpx;
                    color: rgba(68, 178, 241, 0.8);
                }
            }
        }
    }
    
    .target-val-input {
        padding: 10rpx 15rpx;
        border-radius: 8rpx;
        margin: 48rpx 24rpx 8rpx;
        background-color: rgba(255, 255, 255, 0.5);
    }

}